import React, { Component } from "react";
import manWearingBlackSuit from "../../assets/images/man-wearing-black-suit-2955376.jpg"
import smilingWomanWearingBlackSweater from "../../assets/images/smiling-woman-wearing-black-sweater-1587009.jpg"
import selectivefocusphotographofman from "../../assets/images/selective-focus-photograph-of-man-wearing-gray-suit-jacket-1138903.jpg"
import businessWoman from "../../assets/images/business-woman-2697954_1920.jpg"

class TeamIntro extends Component {
  render() {
    return (
      <section id="team-intro" className="team-intro section-bg">
        <h2 className="title1">团队介绍</h2>
        <div className="team-members">
          <div className="team-member">
            <div className="profile-image">
              <img src={manWearingBlackSuit} alt="" />
            </div>
            <h4 className="name">陈昀昊</h4>
            <p className="position">店长</p>
            <ul className="social-links">
              <li>
                <a href="/index.html">
                  <i className="fab fa-weixin"></i>
                </a>
              </li>
              <li>
                <a href="/index.html">
                  <i className="fab fa-weibo"></i>
                </a>
              </li>
              <li>
                <a href="/index.html">
                  <i className="fab fa-github"></i>
                </a>
              </li>
            </ul>
          </div>
          <div className="team-member">
            <div className="profile-image">
              <img
                src={smilingWomanWearingBlackSweater}
                alt=""
              />
            </div>
            <h4 className="name">谢可盈</h4>
            <p className="position">副店长</p>
            <ul className="social-links">
              <li>
                <a href="/index.html">
                  <i className="fab fa-weixin"></i>
                </a>
              </li>
              <li>
                <a href="/index.html">
                  <i className="fab fa-weibo"></i>
                </a>
              </li>
              <li>
                <a href="/index.html">
                  <i className="fab fa-github"></i>
                </a>
              </li>
            </ul>
          </div>
          <div className="team-member">
            <div className="profile-image">
              <img
                src={selectivefocusphotographofman}
                alt=""
              />
            </div>
            <h4 className="name">冯玉祥</h4>
            <p className="position">财务总监</p>
            <ul className="social-links">
              <li>
                <a href="/index.html">
                  <i className="fab fa-weixin"></i>
                </a>
              </li>
              <li>
                <a href="/index.html">
                  <i className="fab fa-weibo"></i>
                </a>
              </li>
              <li>
                <a href="/index.html">
                  <i className="fab fa-github"></i>
                </a>
              </li>
            </ul>
          </div>
          <div className="team-member">
            <div className="profile-image">
              <img src={businessWoman} alt="" />
            </div>
            <h4 className="name">芸筱狐</h4>
            <p className="position">保洁阿姨</p>
            <ul className="social-links">
              <li>
                <a href="/index.html">
                  <i className="fab fa-weixin"></i>
                </a>
              </li>
              <li>
                <a href="/index.html">
                  <i className="fab fa-weibo"></i>
                </a>
              </li>
              <li>
                <a href="/index.html">
                  <i className="fab fa-github"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </section>
    );
  }
}

export default TeamIntro;
